@charset "UTF-8";
.at-switch {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    vertical-align: middle
}

.at-switch__label,
.at-switch__label * {
    position: absolute;
    font-size: 14px;
    display: inline-block
}

.at-switch .label-fade-enter,
.at-switch .label-fade-leave-active {
    opacity: 0
}

.at-switch.is-disabled .at-switch__core {
    border-color: #e4e8f1!important;
    background: #e4e8f1!important
}

.at-switch.is-disabled .at-switch__core span {
    background-color: #fbfdff!important
}

.at-switch.is-disabled .at-switch__core~.at-switch__label * {
    color: #fbfdff!important
}

.at-switch.is-checked .at-switch__core {
    border-color: #20a0ff;
    background-color: #20a0ff
}

.at-switch.is-disabled .at-switch__core,
.at-switch.is-disabled .at-switch__label {
    cursor: not-allowed
}

.at-switch__core,
.at-switch__label {
    width: 46px;
    height: 22px;
    cursor: pointer
}

.at-switch__label {
    transition: .2s;
    left: 0;
    top: 0
}

.at-switch__label * {
    line-height: 1;
    top: 4px;
    color: #fff
}

.at-switch__label--left i {
    left: 6px
}

.at-switch__label--right i {
    right: 6px
}

.at-switch__input {
    display: none
}

.at-switch__core {
    margin: 0;
    display: inline-block;
    position: relative;
    border: 1px solid #bfcbd9;
    outline: 0;
    border-radius: 12px;
    box-sizing: border-box;
    background: #bfcbd9;
    transition: border-color .3s, background-color .3s
}

.at-switch__core .at-switch__button {
    top: 0;
    left: 0;
    position: absolute;
    border-radius: 100%;
    transition: transform .3s;
    width: 16px;
    height: 16px;
    background-color: #fff
}

.at-switch--wide .at-switch__label.at-switch__label--left span {
    left: 10px
}

.at-switch--wide .at-switch__label.at-switch__label--right span {
    right: 10px
}

/*开关总体样式  */
.atSwitch{
    display:inline-block;
    position:relative;
    height:12px;
    vertical-align:middle;
    border-radius: 6px;
}
.atSwitch .at-switch__core{
    width: 20px;
} 
.atSwitch .at-switch__label.at-switch__label--left{
    width: 20px;
    height:12px;
}
.atSwitch .at-switch__label.at-switch__label--right{
    width: 20px;
    height:12px;
}
/*开关关闭状态样式  */
.atSwitch.is-checked .at-switch__core{
    /* background-color:#cbd2db; */
    background-color: #1f62ef;   	
    border-color:#1f62ef;  
    height:12px;  
    border-radius:6px;
    padding: 0px; 
}
/*开关开启状态样式  */
.atSwitch .at-switch__core{
    /* background-color: #4990ff;   	 */
    background-color: #8992a7;   	
    height:12px;
}
/*开关按钮样式  */
.atSwitch .at-switch__core .at-switch__button{
    width: 10px;
    height:10px;
    transition:transform .4s
}